網頁 設計(不用寫碼)11:如何製作出讓大家一直看你的網頁的特效。web design 網站 設計-wix 教學/中文|SernHao Tv

2018-04-27 5

今天要和你分享一個 --- 超級吸引眼球的網頁功能。
-網頁 設計/網站 設計/網頁製作【wix 中文 教學】-
【 Wix 官方網址:http://bit.ly/2qrQI3J 】
【 Wix 電子商務:http://bit.ly/2G1iM43 】
【 Wix 模板參考:http://bit.ly/2Gu5wVF 】
【 我的email:sernhaotv@gmail.com 】

大家好!我是SernHao !
歡迎來到:就算是不會寫代碼,也能設計出讓人讚嘆的網頁的教學系列。

Wix是一個能夠讓不會編寫代碼;
或是沒有藝術天賦的我們,(應該是我罷了。。。)
也能設計出,讓人驚嘆的網頁的平台。
為了節省時間、和避免假冒,
你可以直接點擊,我放在說明文的官網連結。
如果你對這方面的資訊感興趣的話,
歡迎你訂閱和關注SernHao Tv。

00:00:38 我要分析的就是“Scrolling Effect”。
中文應該是“滾動效果”。
如果你知道中文是什麼,請你留言分享給我。謝謝。
這一集,我會引用上一集影片教學的網頁來繼續。
如果你錯過了,你可以直接點擊,
我已經放在說明文的影片教學的連結,來觀看。
那麼我麼現在繼續吧。

00:00:59 當你點擊了,我放在說明文的官方網頁的連結後,
你就會到這個頁面。
點擊“manage & Edit Site”。
然後點擊“Edit Site”。
這就是我們之前設計好的網頁。
現在我們來添加“Scroll Effect”。
點擊左邊這個“Add”。
選擇“Strip”。
這裡有提供給你很多的模板。
你可以根據你的需要,然後選擇適合的“template”。
當你選好後,就拖出來,放在你要的部分。

現在,我們看“Preview”(預覽)。
什麼效果都沒有添加的時候,這只是一張普通的圖片。
它沒有任何的效果。

00:01:47 那麼,我們現在要把這個“Scroll Effect”放進去。
點擊“Back To Editor”。
點擊這個“Strip”。
點擊“Change Background”。
點擊“Setting”。
我們可以選擇這4個不同的“Scroll Effect”。

00:02:03 這裡,我會為你示範這4個“Scroll Effect”。
讓你一次過看清楚。
第一個是“Parallax”。(視差)
為了看得比較明顯,我會使用不一樣的圖片。-
再按“Setting”。
然後選“Reveal”。(露出)
第三個是“Zoom In”。(放大)
第四個是“Fade in”。(淡入)

00:02:39 那我們現在去看“Preview”。
第一個是“Parallax”。(視差)
第二個是“Reveal”。(露出)
這兩個其實蠻相似的。
這個是“Zoom in”,你可以看到它慢慢變大。
第四個是“Fade In”,你可以看到它的顏色滿滿的變深。

00:03:02 除了普通的圖片,你也可以放上影片;
或是在這些圖片上加字。

當你學會這個技巧,並於用在你的網頁後,
你就會發現你的網頁,絕對絕對地,
會比其他人的網頁來得吸引人。

如果你覺得這個分享,對你有幫助的話,
歡迎你給我個“讚”,然後分享給你的朋友。

如果你想找我幫你設計網頁的話,
你可以email 我,網址是:sernhaotv@gmail.com。

那麼我是SernHao。我們下個影片再見!Bye~
===可以找的到的字/Keywords===
網頁 設計 教學 | web design | 網頁 設計 | 網站 設計 | 網頁製作 | 網路賺錢 | 網路創業 | 網路 行銷 | e marketing | internet marketing | 网络 行销 | digital marketing 中文 | wix 教學 | wix 中文 | wix | website design | wix tutorial | 網站 製作 | 網頁 設計 軟體 | 网站设计 | 免費 網站 | wix example | 設計 網站 | 设计网站 | 網站設計 diy | free website | 網站設計 免費 | 製作 網頁 | sern hao | sernhao | sernhao tv | yt:cc=on | scrolling effect | web scroll animation | 滾動效果 | 網頁 滾動 效果

===推薦/Recommend===
1)網頁 設計(不用寫碼)10:這網頁功能,能讓你的顧客放心和你做買賣!web design 網站 設計-wix 教學/中文|SernHao Tv
https://www.youtube.com/watch?v=Bp7A-C-RVtA
2)【wix 中文-網站 教學#1】如何免费網頁設計(網頁製作)?网站设计教学:如何免费网页设计(网页制作)?Tutorial: how to web design with free? - SernHao Tv
https://www.youtube.com/watch?v=CY2l0t7lSTw

===歡迎來支持我其他的平台,謝謝咯:===
Facebook:http://bit.ly/2GU0dzn
微博(Weibo):http://bit.ly/2EbXcIW
哔哩哔哩(BiliBili):http://bit.ly/2sgltwa
Youtube:http://bit.ly/2ENdHMP
优酷(YouKu):http://bit.ly/2Esjt9I
Blogger:https://goo.gl/ZgNk33
Google+:https://goo.gl/RNAwSe
Twitter:https://goo.gl/CH8Npb
instagram:https://goo.gl/pl3xnP